Stay Signed In
Do you want to access your site more quickly on this computer? Check this box, and your username and password will be remembered for two weeks. Click logout to turn this off.

Stay Safe
Do not check this box if you are using a public computer. You don't want anyone seeing your personal info or messing with your site.

Ok, I got it

link effects

back . Home
here are some codes, you can use to, make links on your site really smart, and i use some of them. =) just copy and paste the code where you need it, in your html box, and edit where needed. enjoy! xox

basic effects

Link Opens in New Window:
<A TARGET="_blank" HREF="URL">TEKST HER</A>

Remove Underline:
<style TYPE="text/css">  </style>

Link Goes Backwards:
<style type='text/css'></style>

Boxed Links:
<style TYPE="text/css"></style>

Glowing Links:
<style type="text/css"></style>

Blurred Links:
<style type="text/css"> /* Blurred links from xanga.com/html_scripts */ a:hover {filter:blur(add="0",direction="80",strength="5"); height:0;}; </style>

Blurred Links 2:
<style> a:hover, a:link, a:visited {filter:blur; .alpha {width: inherit; height: 1; filter: alpha (Opacity=100, FinishOpacity=20, Style=1, StartX=0, StartY=0, FinishX=580, FinishY=0);} </style>

Blurred Links 3:
<style TYPE="text/css"></style>

Coloured Backround:
<style type="text/css"></style>

Blinking Stars:
<style type="text/css"> a.navbar:hover{color:silver; font-weight:bold;background-image:url(http://www.nackvision.com/myspace/links/twinklingstars2.gif);} a:hover, a.redlink:hover, a.navbar:hover {background-image:url(http://www.nackvision.com/myspace/links/twinklingstars2.gif); text-decoration:none; border:0px solid;} a:hover img {background-image:url(http://www.nackvision.com/myspace/links/twinklingstars2.gif); filter:alpha(finishopacity=0, style=2); } </style>

Letter Spaced Links:
 <style type="text/css"></style> 

Line Through:
<style text="text/css">  </style>

Shadow Links:
<style type="text/css"></style>

Shadow Links 2:
<HEAD> <style TYPE="text/css"> </style> </HEAD>

Upside-Down Links:
<style type="text/css"></style>

Links go Italic:
<!-DHTML scripts by Dynamic Drive (http://www.dynamicdrive.com)--> <style> a:hover{font-style:italic; } </style>

Turns To Captial Letters:
<style type="text/css"> </style>

Dotted Line Around Links:
<style type="text/css"> a.navbar:hover{color:red; font-weight:bold;background-image:url(http://www.nackvision.com/myspace/links/beating2xm.gif);} a:hover, a.redlink:hover, a.navbar:hover {background-image:url(http://www.nackvision.com/myspace/links/beating2xm.gif); text-decoration:none; border:0px solid;} a:hover img {background-image:url(http://www.nackvision.com/myspace/links/beating2xm.gif); filter:alpha(finishopacity=0, style=2); } </style>

Heart Links:
<style type="text/css"> a.navbar:hover{color:red; font-weight:bold;background-image:url(http://www.nackvision.com/myspace/links/beating2xm.gif);} a:hover, a.redlink:hover, a.navbar:hover {background-image:url(http://www.nackvision.com/myspace/links/beating2xm.gif); text-decoration:none; border:0px solid;} a:hover img {background-image:url(http://www.nackvision.com/myspace/links/beating2xm.gif); filter:alpha(finishopacity=0, style=2); } </style>

Links go Bold:
<style> a:hover{font-weight:bold; } </style>

Links go lowercase:
<style type="text/css"></style>

Opacity:
<style TYPE="text/css">></style>

Background Picture:
<style type="text/css"></style>

Gradient Background:
<style type="text/css"></style>

2 Coloured Frame Links:
<style type="text/css"></style>

Lines On The Side:
<style type="text/css"></style>

Close together Links:
<style type="text/css"></style>

All links Turn Small Fonts:
<style>a:link, .footernav.link, a.footernav:link, a.footernav:active { font:normal 7px small fonts; background-color:none; color:#000000; line-height:16px; letter-spacing:0px; text-transform:none; text-decoration:none; border-top:0px solid;border-bottom:0px solid;border-left:0px solid;border-right:0px solid;} a:visited, a.footernav:visited, { font:normal 7px small fonts; background-color:none; color:#000000; line-height:16px; letter-spacing: 0px; text-transform:none; text-decoration:none; border-top:0px solid;border-bottom:0px solid;border-left:0px solid;border-right:0px solid;} a:hover { background-color:none; text-transform:none;} </style>

Small Fonts With Frame:
<style>a:link, .footernav.link, a.footernav:link, a.footernav:active { font:normal 7px small fonts; background-color:#D1E6F9; color:#000000; line-height:16px; letter-spacing:0px; text-transform:none; text-decoration:none; border-top:1px solid;border-bottom:1px solid;border-left:1px solid;border-right:1px solid;} a:visited, a.footernav:visited, { font:normal 7px small fonts; background-color:#D1E6F9; color:#000000; line-height:16px; letter-spacing: 0px; text-transform:none; text-decoration:none; border-top:1px solid;border-bottom:1px solid;border-left:1px solid;border-right:1px solid;} a:hover { background-color:#7D7C78; text-transform:none;} </style>

Choose Colous on the Links:
<style type="text/css"> a:link {color: #000000;} a:visited {color: #000000;} a:hover {color: #000000;} a:active {color: #000000;} </style>